<template>
	<view>
		<u-cell-group class="flex-padd">
			<!-- input框带图标 -->
			<u-cell-item title="条形码:" :arrow="false" class="list-title">
				<view class="list-text" style="display: flex;">
					<input class="list-text-input" type="text" value="201505220001" />
					<u-icon name="scan" color="#ff9900" size="40"></u-icon>
				</view>
			</u-cell-item>

			<u-cell-item title="设备编码:" :arrow="false" class="list-title">
				<view class="list-text" type="text">201505220001</view>
			</u-cell-item>
			<u-cell-item title="设备名称:" :arrow="false" class="list-title">
				<view class="list-text" type="text">金旅牌</view>
			</u-cell-item>
			<u-cell-item title="位置编码:" :arrow="false" class="list-title">
				<view class="list-text" type="text">0101</view>
			</u-cell-item>
			<u-cell-item title="位置名称:" :arrow="false" class="list-title">
				<view class="list-text" type="text">11</view>
			</u-cell-item>
			<u-cell-item title="部门:" :arrow="false" class="list-title">
				<view class="list-text" type="text">122</view>
			</u-cell-item>
			<u-cell-item title="发生时间:" :arrow="false" class="list-title">
				<view class="list-text" type="text">2016-12-07 15:31:17</view>
			</u-cell-item>

			<!-- --------------------需要填写内容-------------------------- -->
			<u-cell-item title="故障类别:" :arrow="false" class="list-primary">
				<input class="list-text" type="text" value="类别2" />
			</u-cell-item>
			<u-cell-item title="故障现象:" :arrow="false" class="list-primary">
				<input class="list-text" type="text" value="现象2" />
			</u-cell-item>
			<u-cell-item title="详细说明:" :arrow="false" class="list-primary">
				<input class="list-text" type="text" value="" />
			</u-cell-item>
			<u-cell-item title="备注:" :arrow="false" class="list-primary">
				<input class="list-text" type="text" value="" />
			</u-cell-item>
		</u-cell-group>

		<!-- 按钮 -->
		<view class="flexinven-button">
			<u-row gutter="16" class="flexinven-con">
				<u-col span="4">
					<view class="flexinven-flex" @click="JobApplicationList">列表</view>
				</u-col>
				<u-col span="4">
					<view class="flexinven-flex">保存</view>
				</u-col>
				<u-col span="4">
					<view class="flexinven-flex">拍照</view>
				</u-col>
			</u-row>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			JobApplicationList() {
				uni.navigateTo({
					url: './JobApplicationList'
				});
			}
		}
	}
</script>

<style lang="scss" scoped>
	.list-primary {
		text-align: left;
		padding-left: 30rpx;
		color: $u-type-primary;

		.list-text {
			text-align: left;
			padding-left: 15rpx;
			font-size: 13px;
			color: #999;
		}
	}

	.list-title {
		color: #799cb3;
	}
</style>

